<!DOCTYPE html>
<html>
<head>
    <title>注册页面</title>
    <style>
        .form-group button {
          width: 5%;
          padding: 10px;
          border: none;
          background-color: #258eb8;
          color: #fff;
          border-radius: 3px;
          cursor: pointer;
        }
    
        .form-group button:hover {
          background-color: #1f67b4;
        }  
    </style>
    <script>
        function showSuccessMessage() {
            alert("注册成功");
        }
        function register() {
        // 处理登录逻辑
        // 可以使用 JavaScript 进行验证、跳转等操作
        }
    </script>
</head>

<body>
    <h1>用户注册</h1>
    <form action="register.html" method="post">
        <label for="username">用户名:</label>
        <input type="text" id="username" name="username"><br><br>
        
        <label for="password">密码:</label>
        <input type="password" id="password" name="password"><br><br>
        
        <label for="email">邮箱:</label>
        <input type="email" id="email" name="email"><br><br>


        <div class="form-group">
            <button onclick="showSuccessMessage()">
                <a href="login.html">register</a>      
            </button>
        </div>
        
        <!-- <div class="form-group links">
            <input type="submit" value="注册" onclick="showSuccessMessage()">
            <a href="login.html" onclick="showSuccessMessage()">Register</a>
        </div> -->
       
    </form>
</body>
</html>
